<div class="width-full height-full forgerbg bg-f5f8fa">
  <!--<div class="navtop bg-1d2531" [ngStyle]="{'height':navHeight}">
    <div class="font-34 p-l-32 fff inline-block">家装综合运营管理平台</div>
    <div class="p-4-5-3-6 font-8 fff bg-7ed321 radius-5 inline-block">V1.0.0</div>
  </div>-->
  <div class="nosidebar-nav">
    <div class="inline-block">
      <span class="inline-block logo-img p-0" style="height:25px;">
        <img src="/assets/imgs/logo.png" class="height-full">
      </span>
      <span class="logo-text inline-block font-14 opacity06" style="line-height:initial">
        <span>家装综合运营管理平台</span>
      </span>
    </div>
  </div>
  <div class="width-540 login-container">
    <div class="width-540 m-auto height-450 box-shadow" #loginForm>
      <div class="height-60">
        <div class="login-text text-left clearfix color-1a91eb m-l-30">
          <span *ngIf="forget">忘记密码</span>
          <span *ngIf="!forget"> 重置密码</span>
        </div>
      </div>

      <!-- 忘记密码 -->
      <div role="" class=" p-50" *ngIf="forget">
        <div class="ui-inputgroup login">
          <input type="text" class="color-333" name="user" pInputText placeholder="手机号" (focus)="errMsg=''" [(ngModel)]="mobile" maxlength="11"
            (blur)="checkMobile()">
        </div>
        <div class="ui-inputgroup login">
          <div class="width-full h-60">
            <input type="text" class="color-333" maxlength="4" name="phonecode" pInputText placeholder="请输入验证码" [(ngModel)]="code" (focus)="checkMobile()">
            <button pButton type="button" (click)="sendMsg()" [disabled]="gottenPhoneCode" label="{{gottenPhoneCode?(countdown + 's'):'获取验证码'}}"
              class=" btn-gray-bg border-none bg-input-icon ui-inputgroup-addon phone-btn pull-right"></button>
          </div>
        </div>

        <div class="ui-inputgroup login" style="padding: 0;" *ngIf="picCodeShow">
          <div class="width-full h-60">
            <input type="text" class="color-333" maxlength="4" name="checkcode" pInputText placeholder="请输入图片验证码" [(ngModel)]="picCode">
            <span icon="fa-check" class="ui-inputgroup-addon radius-none border-none pull-right h-pointer checkcode-position">
              <img [src]="imgSrc" (click)="refresh()" class="width-full height-full">
            </span>
          </div>
        </div>
        <div>
          <error-bar [msg]="errMsg"></error-bar>
        </div>
        <div class="loginBtn">
          <button pButton class=" p-5 width-full height-60 colors-1a92eb" type="button" (click)="reset()" label="重置密码"></button>
        </div>
      </div>

      <!-- 重置密码 -->
      <div class=" p-50" *ngIf="!forget">
        <div class="ui-inputgroup login">
          <input type="password" class="color-333" maxlength="12" name="pwd" pInputText placeholder="请输入新密码" [(ngModel)]="pwd" (focus)="checkPwd()"
            (blur)="checkPwd()" onkeyup="value=value.replace(/[^\w]/ig,'')">
        </div>
        <div class="ui-inputgroup login">
          <input type="password" class="color-333" maxlength="12" name="pwd1" pInputText placeholder="请输入确认密码" [(ngModel)]="pwd1" (focus)="checkPwd()"
            (blur)="checkPwd()" onkeyup="value=value.replace(/[^\w]/ig,'')">
        </div>
        <div>
          <error-bar [msg]="errMsg"></error-bar>
        </div>
        <div class="loginBtn">
          <button pButton class=" p-5 width-full height-60 colors-1a92eb" type="button" (click)="resetPwd()" label="确定"></button>
        </div>
      </div>

    </div>
  </div>
</div>